<script setup>
import {ref} from 'vue'

const commentsFromBackend = ref([
  {
    id: 1,
    videoId: 1,
    userId: 1,
    comment: 'Root Comment',
    replyUserId: null,
    rootId: null,
    creatTime: '...',
    updateTime: '...'
  },
  {
    id: 2,
    videoId: 1,
    userId: 2,
    comment: 'First reply to Root',
    replyUserId: 1,
    rootId: 1,
    creatTime: '...',
    updateTime: '...'
  },
  {
    id: 3,
    videoId: 1,
    userId: 3,
    comment: 'Reply to First reply',
    replyUserId: 2,
    rootId: 2,
    creatTime: '...',
    updateTime: '...'
  },
  {
    id: 4,
    videoId: 1,
    userId: 4,
    comment: 'Second reply to Root',
    replyUserId: 1,
    rootId: 1,
    creatTime: '...',
    updateTime: '...'
  },
  {
    id: 5,
    videoId: 1,
    userId: 2,
    comment: 'Reply to Second reply',
    replyUserId: 4,
    rootId: 4,
    creatTime: '...',
    updateTime: '...'
  },
])
</script>

<template>

</template>

<style scoped>

</style>
